/* 媒体查询，制作响应式效果 */

/* 小屏幕，超小屏幕 */
@media screen and (max-width: 991px) {

  header nav a {
    float: left;
    width: 20%;
  }
}

/* 超小屏幕 */
@media screen and (max-width: 767px) {

  header nav a {
    font-size: 14px;
  }

  main .publish h3 {
    font-size: 16px;
  }
}

